<template>
  <div class="tg">
    <div class="f1 f1-one">
      <router-link to="/qiandao">
        <img
          src="https://image.hongbeibang.com/FoTuxKG5pqYKuAsT8BjrflkAxEpj?48X48&imageView2/1/w/48/h/48"
          alt=""
        />
      </router-link>
      <p>烘焙帮</p>
    </div>
    <div class="f2">
      <p v-html="data.content"></p>
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    this.rule();
  },
  data() {
    return {
      data: [],
    };
  },
  methods: {
    // 帮贡贡献榜
    rule() {
      this.axios
        .get(
          "https://api.hongbeibang.com/notice/get?_t=1666922976970&noticeId=10092&timestamp=1666922976969"
        )
        .then((res) => {
          console.log(res.data.data);
          this.data = res.data.data;
        });
    },
  },
};
</script>

<style lang="scss" scoped>
.tg {
  position: relative;
  background-color: #f5f7f9;
  width: 90vw;
  margin: 0 auto;
  // overflow: hidden;
}
.f1 {
  position: fixed;
  display: flex;
  padding-top: 2vh;
  margin-bottom: 10vh;
  background-color: #fff;
  a > img {
    width: 8vw;
  }
  p {
    width: 92vw;
    color: #444;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
  }
}
.f2 {
  width: 90vw;
  margin: 0 auto;
}
.f2 > p {
  padding-top: 8vh;
}
</style>
